import React from 'react'
import { Swiper } from 'antd-mobile'
function Lunbo() {
    const list = [
        "https://img1.baidu.com/it/u=2172818577,3783888802&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1741280400&t=dc1af27de223b4b28a7d4acc05d6ecb3",
        "https://img0.baidu.com/it/u=2191392668,814349101&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1741280400&t=f805a242b32b2a0a6ab825d0099c70fa",
        "https://img0.baidu.com/it/u=3607865720,773719330&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1741280400&t=c023be7448c3f43865aa9d2116a6c49b",
        "https://img0.baidu.com/it/u=4133879726,3955771682&fm=253&app=120&size=w931&n=0&f=JPEG&fmt=auto?sec=1741280400&t=4446a8cfdc38e63af8011da79a019640"
    ]
    return (
        <div>
            <Swiper>
                {
                    list.map((v, i) => {
                        return (
                            <Swiper.Item key={i} style={{ height: "200px" }}>
                                <img src={v} alt="" style={{ height: '200px', width: "100%" }} />
                            </Swiper.Item>
                        )
                    })
                }
            </Swiper>
        </div>
    )
}

export default Lunbo
